body{
  font-family:'Minion Pro';
  min-width:280px;
}
iframe{
  border:none;
}

body.pushable{
  background:unset !important;
}
body.pushable>.pusher{
  background:none;
}
a:hover{
  color:#FF6767;
}
.bd{
  border:1px solid red !important;
}

.ui.list .list>.item .header, .ui.list>.item .header,
.top.menu a, .secondary.menu a,
.ui.menu a.item,
.ui.accordion .title:not(.ui),
.ui.secondary.menu .item,
.ui.card>.content>.description, .ui.cards>.card>.content>.description,
body{
  color:#888888;
  font-family: 'Minion Pro';
}
.pusher{
  padding-top:70px;
}

.ui.form input[type=text]:focus,
.ui.form input[type=text]{
  background:#000;
  border: 1px solid rgba(136, 136, 136, 0.3);
  border-radius: 4px;
  color:#888;
}

.wall-bg{
  background-color:#000000;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
  background-repeat-y: repeat;
}
.hidden.menu {
  display: none;
}

.masthead.segment {
  min-height: 700px;
  padding: 0;
}
.masthead .logo.item img {
  margin-right: 1em;
}
.masthead .ui.menu .ui.button {
  margin-left: 0.5em;
}
.masthead h1.ui.header {
  font-size: 2.125rem;
  margin-top: 1.5em;
  margin-bottom:1em;
}
.pc .masthead h1.ui.header{
  font-size: 44px;
}
.masthead h2 {
  font-size: 1.7em;
  font-weight: normal;
}
.masthead p {
  font-family: 'Minion Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  margin:0;
}

.ui.vertical.stripe {
  padding: 8em 0em;
}
.ui.vertical.stripe h3 {
  font-size: 2em;
}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {
  margin-top: 3em;
}
.ui.vertical.stripe .floated.image {
  clear: both;
}
.ui.vertical.stripe p {
  font-size: 1.33em;
}
.ui.vertical.stripe .horizontal.divider {
  margin: 3em 0em;
}
.ui.divided.horizontal.list>.item{
  border-left:1px solid rgba(152, 152, 152, 0.2);
}

.quote.stripe.segment {
  padding: 0em;
}
.quote.stripe.segment .grid .column {
  padding-top: 5em;
  padding-bottom: 5em;
}

.ui.head{
  padding:1em 0em;
}
.pc .ui.head{
  padding:0em;
}
.ui.borderless.menu{
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  width: 100%!important;
  padding-left: 1em!important;
  padding-right: 1em!important;
}
.ui.borderless.menu,
.ui.head{
  border:none;
  box-shadow:none;
  -webkit-box-shadow:none;
}
.ui.menu .active.item:hover,
.ui.menu a.item:active,
.ui.menu a.item:hover{
  background-color: rgba(0,0,0,.65) !important;
  color: #FF6767 !important;
}
.ui.menu .on{
  color: #FF6767 !important;
  text-decoration-line: underline;
}
.secondary.menu{
  margin:0 !important;
  width:100%;
}
.secondary.menu .toc{
  display:none;
}
.ui.secondary.menu a.item{
  color:#FFF;
  font-size:20px;
}
.pc .ui.secondary.menu a.item{
  padding:1.42000em .92857143em 1.092000em .92857143em;
}
.ui.secondary.menu .right .item a{
  font-size:20px;
}
.secondary.menu .logo{
  display:block;
}
.secondary.menu .logo svg{
  float:left;
}
.ui.secondary.menu a.item:hover{
  background: #FF6767;
  border-radius:0;
  color: #FFF;
}
.ui.secondary.menu a.on:hover{
  color: #FFF !important;
}

.ui.menu .item.home{
  margin-left:1.285em;
}
.ui.menu a.item{
  text-transform: uppercase !important;
}
.ui.menu i.sidebar{
  font-size:0px;
  width: 30px;
  height: 27px;
  background-image:url("/public/static/v3/img/menu.svg") !important;
  background-repeat: no-repeat;
  background-size: 90%;
  position: absolute;
  cursor: pointer;
  right: 6px;
  top: 24px;
}
.logo-white,
.square-box{
  top: -70px;
  height: calc(100vh - 0px);
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
.logo-white-svg,
.square{
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}
.pc .logo-white-svg,
.pc .square{
  top: 56%;
}
.pc .square{
  width:100%;
}
.pc .logo-white-svg svg,
.pc .square svg{
  width:100%;
}

.logo-white-pos{
  position:absolute;
}

.join-but{
  width: 8em;
  padding: 0;
  height: 60px;
  line-height: 60px;
  border: 1px solid rgba(219, 173, 131, 0.5);
  box-sizing: border-box;
  color: #DBAD83;
  font-size: 1.3333em;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  z-index: 99;
  display: block;
  text-transform: uppercase !important;
  font-family: 'Minion Pro';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  letter-spacing: 0.36em;
}
.more-box {
  position:relative;
  margin:0 auto;
}
.more {
  width: 42px;
  height: 42px;
  background-image:url("/public/static/v3/img/down.svg") !important;
  background-repeat: no-repeat;
  cursor: pointer;
  display:block;
  position: absolute;
  top: -5.5em;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.black-cover .content{
  z-index: 9;
  margin-top: -168px !important;
  border:none !important;
}
.pc .black-cover .content{
  margin-top: -200px !important;
}
.infinity-cover{
  background-image:url("/public/static/v3/img/infinity-cover-bg.png") !important;
}
.infinity-cover .content{
  z-index: 9;
  margin-top: -147px !important;
  border:none !important;
}
.pc .infinity-cover .content{
  margin-top: -200px !important;
}
.black-cover p,
.infinity-cover p{
  font-family: 'Minion Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.415em;
  text-transform: uppercase;
  color: #B55A5D;
}
.pc .black-cover p,
.pc .infinity-cover p{
  font-size: 14px;
}

.infinity-cover.card:hover,
.black-cover.card:hover{
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
  border: none;
  -webkit-transform: unset !important;
  transform: unset !important;
}
.first-box{
  height: calc(100vh - 70px);
}
.index-company{
  background: url(/public/static/v3/img/index-company-pc-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom:30px;
  margin-bottom:20px !important;
}
.games-box,
.pc .index-company{
  margin:auto;
}
.pc .index-company .swiper img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.games-box .one.column .column:first-child{
  margin-bottom:80px;
}
.games-box .one.column .description{
font-size: 16px;
line-height: 30px;
text-align:center;
}

.company p{
  margin:1em 0em;
}
.company-ul li{
  margin:0 auto;
  list-style:none;
}
.company-ul li:after{
  content:"";
  display:block;
  clear:both;
}
.company-ul-li2 img,
.company-ul-li2 div{
  float:left;
}
.company-ul-li1{
  background:url('/public/static/v3/img/pc-company-li1-1.png') no-repeat;
  background-size: auto 100%;
}
.company-ul-li1 .li1-box{
  float:right;
  width:40%;
  min-height:31.8rem;
  padding:50px 50px 20px 50px;
  background-color:#000;
}
.company-ul-li1 .flag{
  margin-left: -54%;
  height: 72px;
  background: url(/public/static/v3/img/pc-company-li1-2.png) no-repeat;
  background-size: 100% auto;
}
.company-ul-li1 p{
  font-size: 20px;
  line-height: 40px;
  text-align: justify;
  margin-top:42px;

}
.company-ul-li2,
.company-ul-li3,
.company-ul-li4,
.company-ul-li5{
  margin-top:60px !important;
}
.company-ul-li1 font,
.company-ul-li2 font,
.company-ul-li3 font,
.company-ul-li4 font,
.company-ul-li5 font{
  font-size:40px;
}
.company-ul-li2{
  background:url('/public/static/v3/img/pc-company-li2-2.png') center right no-repeat;
  background-size: auto 100%;
}
.company-ul-li2 div{
  background-image:url('/public/static/v3/img/pc-company-li2-0.png'),url('/public/static/v3/img/pc-company-li2-1.png'),linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat:no-repeat,no-repeat;
  background-position:top left,bottom 0px right -55px;
  background-color: #000;
  min-height:31.6rem;
  width:37.8%;
  padding:3rem;
}
.company-ul-li2 p{
  font-size: 20px;
  line-height:40px;
  text-align: justify;
}
.company-ul-li3 div{
  margin-top: -10rem;
  padding: 29px 47px 23px 47px;
  position: relative;
}
.company-ul-li3 p{
  font-size: 20px;
  line-height: 30px;
  text-align: justify;
}
.company-ul-li4 div{
  width: 50%;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 40px;
  padding-bottom: 40px;
}
.company-ul-li4 p{
  font-size: 20px;
  line-height: 28px;
  text-align: justify;
  color: rgba(255, 255, 255, 0.5);
}
.company-ul-li4 p.cn{
  font-size: 20px;
  line-height: 42px;
}
.company-ul-li2 img{
  width:63%;
}
.company-ul-li3 img,
.company-ul-li4 img,
.company-ul-li5 img{
  width:100%;
}
.company-ul-li4,
.company-ul-li5 {
  position:relative;
}
.company-ul-li5 img{
  float:left;
}
.company-ul-li5 div{
  bottom:0;
  text-align: left;
  background-color: rgba(51, 13, 4, 0.9);
  padding: 29px 47px 23px 47px;
  position:absolute;
}
.company-ul-li5 p{
  font-size: 20px;
  line-height: 30px;
  text-align: justify;
}

.opacity-cover{
  margin-top: -50px;
  background-color: #000;
  -webkit-mask-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 117%);
  height: 50px;
}

.ui.sidebar.menu .item{
  text-align: center;
  font-size: 1em;
  height: 58px;
  line-height: 58px;
  font-style: normal;
  padding:0;
}
.monster{
  height:calc(100vh - 70px);
}
.monster img{
  width:100%;
  height:758px;
}
.monster-spline{
  height: 100vh;
  position: fixed;
  top: 0;
  margin-top: 0;
  z-index: 0;
}
.monster-title{
  height:57px;
}
.monster-name{
  margin: 0 !important;
  letter-spacing: 1.5rem;
  text-indent: 1.5rem;
  color: #DBAD83 !important;
  text-transform: uppercase !important;
  height:32px;
}
.pc .monster-name{
  height:auto !important;
  font-weight: 700;
  font-size: 40px !important;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  background: linear-gradient(85.01deg, #EBDC97 3.69%, #B49D71 30.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom:55px !important;
}
.monster-name em{
  font-size:0.5em;
  font-style:unset;
}
.monster-sub{
  margin: 0 !important;
  letter-spacing: 0.3em;
  text-indent: 0.3rem;
  color: #DBAD83 !important;
  text-transform: uppercase !important;
  opacity:0.6;
}
.monster-name-en{
  font-size: 3.93em !important;
}
.monster-sub-en{
  font-size: 2.550em !important;
  margin-top: 1.8em !important;
}
.monster-name-cn{
  font-size: 1em !important;
  letter-spacing: 1.5rem !important;
}
.monster-sub-cn{
  font-size: .7em !important;
  opacity: 1;
}

.monster-name,
.monster-sub{
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important;
}
.slogen{
  color: #9B9B9B;
  margin-top: -9.2em;
  font-size: 1.5em;
}
.slogen p{
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}
.doc-title,
.job-title{
  margin-top:2em !important;
  margin-bottom:2em !important;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
  font-weight: 400 !important;
  color: #DBAD83 !important;
  text-transform: uppercase !important;
}
.item-game{
  letter-spacing: 0.3em;
  text-transform: uppercase !important;
}
.job-title .sub,
.item-game .sub{
  margin-top:0.6em !important;
}
.ui.link.cards .header,
.job-title,
.job-title .sub,
.item-game,
.item-game .sub{
  color: #DBAD83 !important;
  text-transform: uppercase !important;
}
.ui.link.cards .header{
  font-weight:normal !important;
  font-family: 'Minion Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.415em;
  text-transform: uppercase;

  color: #FFFFFF !important;
}
.pc .ui.link.cards .header{
  font-weight: 700 !important;
  line-height: 50px !important;
}
.extra a{
  border-radius: 36px;
  border: 1px solid rgba(136, 136, 136, 0.5);
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin:0em 0.3em;
  display: inline-table;
  line-height: 35px;
  font-size: 18px;
  color:#88888880;
}
.extra a i{
  display: block;
  margin: auto;
}
.extra a.bilibili{
  background: no-repeat center/50% url(/public/static/v3/img/bilibili.png) !important;
}
.extra{
  margin-top:4em;
}
.special-head{
  margin-top:120px !important;
}

.swiper-box{
  margin: 0 10px;
}
.swiper{
  max-width:700px;
  position:relative;
  width: 100%;
  height: 275px;
  margin:0 auto;
  position:absolute;
}
.pc .swiper{
  max-width:1200px;
  height: auto;
}
.swiper-wrapper{
  height:unset !important;
}
.swiper .image{
  width:128px;
  height:200px !important;
  filter: unset !important;
  box-shadow: unset !important;
  -webkit-box-shadow: unset !important;
}
.swiper .ui.card,
.swiper .ui.cards>.card{
  width:128px;
  filter: unset !important;
  background: #FFFFFF;
  margin:0;
}
.swiper .ui.card>.content{
  border:none;
}
.swiper .header{
  color: #DBAD83 !important;
}
.swiper .description{
  font-size:0.80em;
}

.ui .accordion{
  width:40em;
  margin:auto;
}
.ui .accordion .title{
  text-align:left;
  padding: 0 !important;
  padding-right:10px !important;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  overflow:hidden;
  height:60px;
  color:#fff !important;
  line-height:60px;
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif !important;
}
.ui .accordion .title.active{
  background:#FF6767;
  color:#FFF;
}
.ui .accordion .content {
  padding:0;
  text-align:left;
}
.ui .accordion .content li{
  padding:0 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  color: #888888;
}
.ui .accordion .content li::marker{
}
.ui .accordion .title .join-dev,
.ui .accordion .title .join-pro,
.ui .accordion .title .join-art,
.ui .accordion .title .join-bus{
  height: 30px;
  width: 30px;
  display: block;
  padding: 0 25px;
  float:left;
  margin-right:15px;
  margin-top:15px;
}
.ui .accordion .title .join-dev{
  background: url(/public/static/v3/img/join-1.svg) center center no-repeat;
}
.ui .accordion .title .join-pro{
  background: url(/public/static/v3/img/join-2.svg) center center no-repeat;
}
.ui .accordion .title .join-art{
  background: url(/public/static/v3/img/join-3.svg) center center no-repeat;
}
.ui .accordion .title .join-bus{
  background: url(/public/static/v3/img/join-4.svg) center center no-repeat;
}
.ui .accordion .title.active .join-dev{
  background: url(/public/static/v3/img/join-1-w.svg) center center no-repeat;
}
.ui .accordion .title.active .join-pro{
  background: url(/public/static/v3/img/join-2-w.svg) center center no-repeat;
}
.ui .accordion .title.active .join-art{
  background: url(/public/static/v3/img/join-3-w.svg) center center no-repeat;
}
.ui .accordion .title.active .join-bus{
  background: url(/public/static/v3/img/join-4-w.svg) center center no-repeat;
}

.ui .accordion .title .dropdown-box{
  float:right !important;
}
.ui .accordion .accordion-line{
  height:5px;
  margin-top:5px;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}

.ui.dimmer{
  background:#000;
  padding-top:70px !important;
}
.ui.modal{
  position:unset;
  margin:auto !important;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px !important;
  text-transform: capitalize;
  color: #888888 !important;

}
.ui.modal .container{
  width:600px;
}
.ui.modal .actions{
  text-align:center;
  margin-top:50px;
}
.ui.modal .actions .button{
  background-color:#DBAD83;
  font-weight:400;
}
.ui.secondary.menu a.close-mod.item,
.ui.secondary.menu a.close-mod.item:hover,
.close-mod{
  right: 0px;
  width: 46px !important;
  height: 36px !important;
  display: none !important;
  font-size:0px !important;
  position: absolute !important;
  padding-right: 10px !important;
  background-color:#000 !important;
  background-repeat:no-repeat;
  background-image:url("/public/static/v3/img/close.svg") !important;
}

.ui.modal .upload-for .header{
  font-weight:400;
  color:#DBAD83;
}
.ui.modal .upload-for .dividing{
  border-color:#DBAD83;
}
.ui.modal .upload-for label.big.button{
  width: 13em;
  color: #fff;
  background-color: #C0C0C0;
  font-weight: 400;
  letter-spacing: 2px;
  text-indent: 2px;
}
.ui.modal .upload-but{
  width: 200px;
  font-weight: 400;
  margin-bottom:5px;
  color: #fff;
  background-color: #C0C0C0;
}
.ui.modal .upload-face{
  float: right;
  margin-top: -60px;
  width: 76px;
  height: 76px;
}
.pc .ui.modal .upload-face{
  margin-top: -92px !important;
}
.ui.modal .upload-face img{
  width:76px;
  height:76px;
  border-radius:76px;
}
.ui.modal .upload-col label{
  margin-bottom: 5px;
  display: block;
}

.ui.cards.product>.card{
  width:400px;
}
.pc .content .ui.header,
.ui.game.cards.product .header{
  color: #DBAD83 !important;
  text-transform: uppercase !important;
  font-size:1.375em !important;
  margin-top:30px;
}
.pc .product_black .content-list .content{
  margin-bottom:70px;
}
.pc .product_black .content-list img{
  width:100%;
}
.pc .content .header{
  margin-top:50px;
  font-size:20px !important;
}
.pc .content .description{
  margin-top:1em;
  font-size: 18px;
  line-height: 30px;
}
.pc .content .index-description {
  padding:0 23px;
  margin-top:10px;
}
.pc .content .index-description p{
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}
.new-plan{
  z-index: 3;
  position: absolute;
  padding-top: 20px;
  padding-left: 20px;
}
.new-plan p{
  color:#DBAD83;
  letter-spacing: 0.55em;
  text-align: left;
  text-transform: uppercase;
}
.new-plan p:first-child{
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 34px;
  padding-bottom: 20px;
  margin:0;
}
.new-plan-z{
  position: absolute;
  left: 38.75%;
  right: 42.75%;
  top: -0.88%;
  bottom: 83.24%;
}

.darkness-img{
  position: absolute;
  left:4.5em;
  top: 20px;
}
.darkness-text{
  position: absolute;
  width: 170px;
  height: 31px;
  top:62px;
}
.planz-img{
  position: absolute;
  left: 7.8em;
  top: 8px;
}
.planz-text{
  position: absolute;
  left: 1.3em;
  top: 17px;
}
.indent-cn{
  text-align:left;
  text-indent:2em;
}

.product_black {
  padding: 0 15px;
}
.product_black .head{
  margin:auto;
  padding-top:28px;
  padding-bottom:60px;
}
.pc .product_black .head{
  padding:0px !important;
}
.pc .product_black .head{
  width:1280px;
  margin-top:65px;
  margin-bottom:40px;
  display:inline-block;
  background:url('/public/static/v3/img/product_black_1.png') no-repeat, url('/public/static/v3/img/product_black_2.png') center 30px no-repeat;
  background-size:100%;
}
.product_black .title{
  margin: auto;
  margin: auto;
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
  top: 14px;
  left: 0;
}
.pc .product_black .title{
  margin: auto;
  margin-top: -47px;
}
.pc .product_black .bot-title{
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #DBAD83;
  margin-top:690px;
}
.pc .product_black .bot-title p{
  font-family: 'Minion Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.4em;
  text-transform: uppercase;
}
.pc .product_black .bot-des{
  width:390px;
  margin: auto;
  margin-top:45px;
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
}
.pc .product_black .bot-des font{
  font-size:40px;
}
.pc .product_black .title h2,
.pc .product_black .title h4{
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: #DBAD83;
  margin:0px !important;
}
.pc .product_black .title h4{
  font-size:14px !important;
}
.pc .product_black .logo{
  margin:auto;
  width:120px;
}
.pc .product_black .logo svg{
  width:100%;
}

.product_black .black_bg{
  overflow: hidden;
  margin: 0 auto;
  width: 160px;
  margin-top: -220px;
}

.product_black .bg_001{
  background:url('/public/static/v3/img/pro_black_bg_001.png') no-repeat;
  height: 664px;
  width: 10px;
  float:left;
}
.product_black .bg_002{
  background:url('/public/static/v3/img/pro_black_bg_002.png') no-repeat;
  height: 664px;
  width: 140px;
  float:left;
}
.product_black .bg_003{
  background:url('/public/static/v3/img/pro_black_bg_003.png') no-repeat;
  height: 664px;
  width: 10px;
  float:left;
}

.product_black .swiper{
  height:448px;
  margin-top:-460px;
}
.product_black .platform{
  background:url('/public/static/v3/img/pro_black_platform.png') no-repeat;
  background-size:100% 100%;
  height: 50px;
  margin-top:-54px;
}
.product_black .detail{
  background:url('/public/static/v3/img/pro_black_detail-bg.png');
  text-align:left;
  padding:20px;
  padding-bottom:0;
}
.product_black .app-link{
  overflow:hidden;
  text-align:center;
  margin-bottom:5px;
}
.pc .product_black .app-link{
  margin-top:20px;
}
.product_black .app-link a:last-child{
  margin-left:17px;
}
.pc .product_black .app-link a:last-child{
  margin-left:40px;
}
.product_black .detail-foot{
  background:url('/public/static/v3/img/pro_black_detail-foot.png') no-repeat;
  background-size:100% 100%;
  height:41px;
}
.product_black .meta a{
  color:#DBAD83 !important;
  line-height:30px;
}
.product_black .ui.cards>.card>.content{
  padding:0;
}
.product_black .ui.cards>.card>.content .ui.header{
  margin-bottom:0;
}
.product_black .ui.cards>.card:first-child{
  margin-bottom:40px !important;
}


.product_infinity{
  padding:50px 15px 0 15px;
}
.product_infinity .head-box{
  padding:0 15px;
}
.product_infinity .snails img{
    margin-top:-44px;
}
.pc .product_infinity{
  padding:0;
  padding-top: 70px;
}
.product_infinity .head{
  background:url('/public/static/v3/img/infinity-head-1.png'),
  url('/public/static/v3/img/infinity-head-2.png'),
  url('/public/static/v3/img/infinity-head-3.png'),
  url('/public/static/v3/img/infinity-head-4.png');
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
  background-position: top left, top right, bottom right, bottom left;
  background-color: rgba(0, 0, 0, 0.2);
  margin-bottom:60px;
  padding:20px 10px 10px 20px;
  display:inline-block;
}
.pc .product_infinity .head{
  margin-bottom:106px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_infinity .head p{
  font-family: 'Minion Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
  line-height: 30px;
  margin:0;
}
.product_infinity .ui.cards>.card>.content{
  padding:0;
}
.product_infinity h2{
  font-family: 'Minion Pro' !important;
  font-style: normal;
  background: linear-gradient(85.01deg, #EBDC97 3.69%, #B49D71 72.02%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align:left !important;
}
.product_infinity .card .image{
  margin-bottom:20px;
  margin-top:30px;
}
.infinity_box{
  margin:auto;
}
.infinity_box .head div,
.infinity_box .head img{
  float:left;
}
.infinity_box .head img{
}
.infinity_box .head p{
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #8D857F;
}
.pc .infinity_box .head p{
  line-height:50px;
}
.infinity_box .head p.cn{
  line-height:76px;
  letter-spacing:6px;
}
.infinity_box .head font{
  font-size:40px;
}
.infinity_photo{
  overflow:hidden;
  width:103%;
}
.infinity_photo img{
  margin-right:1%;
  float:left;
  width:24%;
}
.infinity_photo img:first-child,
.infinity_photo img:last-child{
  margin-top:40px;
}

.ui.overlay.sidebar{
  z-index:99999;
  opacity: 0.95;
  top:70px !important;
}
.ui.menu.fixed{
  z-index:999999;
}
.pushable>.pusher{
  position:unset;
}
.ui.sidebar.menu .item{
  font-size:1.5em !important;
}
.ui.vertical.menu .active.item{
  color: #FF6767;
}
h1.ui.header .sub.header{
  font-size:0.75rem;
}
.pc h1.ui.header .sub.header{
  font-size:16px;
}
.ui.text.container,
.ui.header,
.ui.card>.content>.header,
.ui.cards>.card>.content>.header{
  font-family:'Minion Pro' !important;
}
.ui.list .list>.item .header, .ui.list>.item .header{
  font-weight:normal;
  font-size:1rem;
}
.ui.cards>.card>:first-child{
  border-radius:0 !important;
}
.ui.card>:first-child,
.ui.card, .ui.cards>.card{
  border-radius:0 !important;
  filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.25));
  -webkit-box-shadow: none;
  box-shadow: none;
  background:0 !important;
}
.ui.card .meta,
.ui.cards>.card .meta{
  margin-top:10px;
  margin-bottom:10px;
}
.menu-product,
.ui.vertical.menu,
.ui.visible.top.overlay.sidebar{
  background: rgba(17, 17, 17, 0.97);
}
.menu-product{
  text-align:center;
}
.menu-product h6{
  font-family: 'Minion Pro';
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  text-transform: uppercase;
}
.menu-product .divider{
  width: 80%;
  padding: 0px;
  margin: 0px auto;
  border: none !important;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2) !important;
}
.top-gradient{
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  height: 322px;
  position: absolute;
  background:url('/public/static/v3/img/top-gradient.png');
}
.foot-gradient{
  width: 100%;
  height: 120px;
  z-index: 9999;
  position: fixed;
  bottom: 0;
  left: 0;
  background:url('/public/static/v3/img/foot-gradient.png');
}

.footer{
  margin-top:4em;
  padding-bottom:6em;
  text-transform: uppercase;
}
.footer .logo{
  display:block;
  width: max-content;
  margin: auto;
}
.footer.segment {
  padding: 5em 0em;
}
.footer p {
  font-size:10px;
  line-height:24px;
}
.footer .content .header {
  font-size:14px !important;
}


@media only screen and (min-width: 1200px){
  .borderless .ui.container {
    min-width: 1500px;
  }
}
@media only screen and (max-width: 1500px){
  .borderless .ui.container {
    min-width: 1150px;
  }
  .ui.secondary.menu.en a.item{
    font-size:18px;
  }
}
@media only screen and (max-width: 1200px){
  .borderless .ui.container {
    min-width: 932px;
  }
  .pc .ui.secondary.menu a.item{
    padding:.958500000em .32857143em;
    margin:0 .15714286em;
    font-size:18px;
  }
  .pc .ui.secondary.menu .right .item a{
    font-size:18px;
  }
  .ui.secondary.menu.en a.item{
    font-size:18px;
  }
  .company-ul-li1 p{
    margin-top:20px;
  }
  .ui.menu .item.home{
    margin-left:1em !important;
  }
}
@media only screen and (max-width: 932px){
  .pc .borderless .secondary.menu .item{
    display:none;
  }
  .secondary.menu .toc{
    display:block;
  }
}

@media only screen and (max-width: 700px){
  .ui.container{
    margin:0 !important;
  }
  .ui.top.fixed.menu {
    display: none !important;
  }
  .ui.menu .item.home {
    margin:0em !important;
  }
  .ui.sidebar.menu .item:last-child{
    line-height: 140px;
    height: 140px;
    color:#888;
    padding: 0;
  }
  .masthead.segment {
    min-height: 350px;
  }
  .masthead h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }
  .ui.link.cards>.card{
    width:100%;
  }

  .monster-title{
    height:57px !important;
  }
  .monster-name{
    margin: 0 !important;
    letter-spacing: 0.5rem !important;
    text-indent: 0.5rem !important;
    color: #DBAD83 !important;
    text-transform: uppercase !important;
    height:32px !important;
  }
  .monster-name em{
    font-size:0.7em !important;
  }
  .monster-sub{
    margin: 0 !important;
    margin-top: 0.5em !important;
    letter-spacing: 0.3em !important;
    text-indent: 0.3em !important;
    color: #DBAD83 !important;
    text-transform: uppercase !important;
  }
  .monster-name-en{
    font-size: 1.188em !important;
  }
  .monster-sub-en{
    font-size: 0.750em !important;
  }
  .monster-name-cn{
    font-size: 1.777em !important;
  }
  .monster-sub-cn{
    font-size: 1em !important;
  }
  .job-title{
    margin-top:3em !important;
  }
  .join-but {
    margin-top: -10px;
  }

  .ui.modal{
    position:absolute;
  }
  .ui.dimmer{
    background-size: cover !important;
  }

  .ui.cards.product>.card{
    width:auto !important;
  }
  .ui.game.cards.product .image img:nth-child(2){
    margin-top: 29px !important;
  }
  .slider_left{
    left: 0px !important;
  }
  .slider_right{
    right: 0px !important;
  }
  .ui.secondary.menu a.item:hover{
    background:unset;
  }
  .ui.stackable.cards>.card{
    margin: 0.875em 0.5em;
  }
  .slogen{
    margin-top: 6em;
    font-size: 1.0em;
  }
}

@media only screen and (min-width: 660px) and (max-width: 991px){
  .ui.secondary.menu .item{
    margin:0 0.05714286em !important;
  }
  .ui.menu .item.home{
    margin-left:1em !important;
  }
  .monster-name-en{
    font-size:2.73em !important;
  }
  .monster-sub-en{
    font-size:1.55em !important;
  }
  .masthead h1.ui.header{
    font-size:2em !important;
  }
  .masthead h1.ui.header{
    font-size:2em;
  }
  .item-game{
    margin-top: 3em !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1299px){
  .pc .product_black .head{
    width:930px;
  }
  .pc .product_black .bot-title{
    margin-top:470px !important;
  }
  .pc .product_black .bot-des{
    width:360px !important;
  }
  .pc .product_infinity .head{
    margin-bottom:70px;
    padding:20px;
  }
  .pc .infinity_box .head p{
    line-height:40px;
  }
  .product_infinity .snails img{
    width:250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
  .pc .product_black .head{
    width:740px;
  }
  .pc .product_black .bot-title{
    margin-top:350px !important;
  }
  .pc .product_black .bot-des{
    width:324px !important;
  }
  .infinity_box .head p.cn{
    line-height: 36px;
    letter-spacing: 1px;
  }
  .pc .product_infinity .head{
    margin-bottom:70px;
    padding:20px;
  }
  .product_infinity .snails img{
    width:250px;
  }
  .pc .infinity_box .head p{
    line-height:34px;
  }
}
@media only screen and (min-width: 661px) and (max-width: 767px){
  .pc .product_black .head{
    width:620px;
  }
  .pc .product_black .bot-title{
    margin-top:302px !important;
  }
  .pc .product_black .bot-des{
    width:280px !important;
    margin-top:20px !important;
  }
  .pc .product_black .logo svg{
    width:85px;
    height:70px;
  }
  .pc .product_black .title h2{
    font-size:20px;
  }
  .pc .product_black .app-link svg{
    width:140px;
  }
  .infinity_box .head p.cn{
    line-height: 36px;
    letter-spacing: 1px;
  }
  .pc .product_infinity .head{
    margin-bottom:70px;
    padding:20px;
  }
  .product_infinity .snails img{
    width:250px;
  }
  .pc .infinity_box .head p{
    line-height:34px;
  }
}
@media only screen and (max-width: 660px){
  .masthead h1.ui.header{
    font-size:2em !important;
  }
  .pc .product_black .head{
    width:520px;
  }
  .pc .product_black .bot-title{
    margin-top:246px !important;
  }
  .pc .product_black .bot-title p{
    font-size:18px;
  }
  .pc .product_black .bot-title p:last-child{
    line-height:14px;
    font-size:12px;
  }
  .pc .product_black .bot-des{
    width:232px !important;
    line-height:24px;
    margin-top:12px;
  }
  .pc .product_black .logo svg{
    width:85px;
    height:70px;
  }
  .pc .product_black .title h2{
    font-size:20px;
  }
  .pc .product_black .app-link svg{
    width:130px;
  }
  .infinity_box .head p.cn{
    line-height: 36px;
    letter-spacing: 1px;
  }
  .pc .product_infinity .head{
    margin-bottom:70px;
    padding:20px;
  }
  .product_infinity .snails img{
    width:250px;
  }
  .pc .infinity_box .head p{
    line-height:34px;
  }
}
@media only screen and (max-width: 550px){
  .pc .product_black .head{
    width:420px;
  }
  .pc .product_black .bot-title{
    margin-top:200px !important;
  }
  .pc .product_black .bot-title p{
    font-size:14px;
  }
  .pc .product_black .bot-title p:last-child{
    line-height:14px;
    font-size:8px;
  }
  .pc .product_black .bot-des{
    width:180px !important;
    line-height:24px;
    margin-top:12px;
  }
  .pc .product_black .logo svg{
    width:66px;
    height:54px;
  }
  .pc .product_black .title h2{
    font-size:16px;
  }
  .pc .product_black .app-link svg{
    width:120px;
  }
  .infinity_box .head p.cn{
    line-height: 36px;
    letter-spacing: 1px;
  }
  .pc .product_infinity .head{
    margin-bottom:70px;
    padding:20px;
  }
  .product_infinity .snails img{
    width:250px;
  }
  .pc .infinity_box .head p{
    line-height:28px;
  }
  .company-ul-li4 p{
  }
}